<%- include('../../common/header.html',{css:'no-common'}) %>
<link rel="stylesheet" href="../../../libs/jcrop/css/jquery.Jcrop.css" type="text/css"/>

<style type="text/css">
    .content {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    /* Apply these styles only when #preview-pane has
       been placed within the Jcrop widget */
    .jcrop-holder #preview-pane {
        display: block;
        position: absolute;
        z-index: 2000;
        top: 10px;
        right: -280px;
        padding: 6px;
        border: 1px #eee solid;
        background-color: white;

        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;

        -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    }

    /* The Javascript code will set the aspect ratio of the crop
       area based on the size of the thumbnail preview,
       specified here */
    #preview-pane .preview-container {
        width: 107px;
        height: 142px;
        overflow: hidden;
    }

    .img-upload {
        width: 450px;
        height: 450px;
        overflow: hidden;
        border: 1px solid #ddd;
        text-align: center;
    }

    .img-upload img {

        max-width: 100%;
        max-height: 100%;
        display: block;;
    }

    .user-thumb-update .upload-tips {
        display: none;
    }

    .user-thumb-update:hover .upload-tips {
        display: block;
    }

</style>
<title>用户管理-后台管理系统</title>
</head>
<body class="sub-body">
<%- include('../../common/top-nav.html') %>
<%- include('../../common/page-title.html',{navs:[
{label:'首页',url:'../../main.html'},
{label:'系统管理',url:'javascript:void(0)'},
{label:'广告管理',url:'./index.html'},
{label:'上传缩略图',url:'javascript:void(0)'},
]}) %>
<div class="content" style="padding-top: 5px;">
    <div class="panel panel-default" style="overflow: auto;">
        <div class="panel-body" style="min-height: 500px;">
            <div class="page-title">
                <span class="title pull-left">首页广告</span>
                <div class="hp-clearfix"></div>
            </div>
            <div class="col-sm-4 " style="width: 300px;padding-top: 15px;">
                <form class="form-horizontal" style="width: 250px;">
                    <fieldset>
                        排序号<input type="text" class="form-control"
                                  placeholder="排序号"
                                  data-rule-required='true'
                                  value="0"
                                  name='order'>
                    </fieldset>
                    <fieldset>
                        广告
                        <input type="text" disabled class="form-control"
                               placeholder="上传广告"
                               data-rule-required='true'
                               name='url'>
                        <p class="sug" style="font-size: 12px;color: #DDD;">建议尺寸：766px*417px</p>
                        <p style="position: relative;" class="user-thumb-update">
                            <img class="upload-tips"
                                 style="position: relative;display:block;height: 50px;width: 50px;border: 1px solid #e1e1e1;"
                                 src="../../imgs/icon_add_image2.png" alt="">
                            <input type="file" id="file1" name="file" style="display: none;">
                        </p>
                    </fieldset>
                    <fieldset class="link link-text" style="display: none;">
                        链接
                        <input type="text" class="form-control" id="validate-link"
                               placeholder="链接"
                               value=""
                               name='link'>
                    </fieldset>
                    <fieldset>
                        <br/>
                        <button type="submit" class="btn submit btn-primary"
                                data-loading-text="处理中..."
                                data-rule-required='true'
                                name='name'>提交
                        </button>
                        <a class="btn cancel btn-default"
                           data-rule-required='true'
                           name='name'>取消
                        </a>
                    </fieldset>
                </form>
            </div>
            <div class="col-sm-8" style="padding-top: 10px;">
                <img id="upload"
                     style="position: relative;width: 80%;border: 1px solid #e1e1e1;"
                     src="../../imgs/icon_add_image2.png" alt="">
            </div>

        </div>
    </div>
</div>
</body>
<%- include('../../common/script-ajax-file-upload.html') %>
<%- include('../../common/script-common.html') %>
<!-- build:js ../../scripts/sys/ads/img.js  -->
<script type="text/javascript" src="./img.js"></script>
<!-- endbuild -->


</html>